//初始化
var html = '<div class="lr-hint"><div class="lr-ready"><i class="iconfont icon-tupianshangchuan"></i><span>点击上传</span></div><div class="lr-waiting"><i class="fa fa-spinner"></i></div></div><div class="lr-success"><div class="lr-remove"><i class="iconfont icon-shanchu"></i></div><img class="lr-img"></div><input type="file">';
$('.J_h5upload>.lr').html(html);
//上传
$('.J_h5upload').on("change",'input',function(){
	var parent = $(this).parent().parent();
	var lr = $(this).parent();
	var ulBox = parent.find('ul');

	lr.removeClass('ready');
	lr.addClass('waiting');
	for (var i=0, l=this.files.length; i<l; i++) {
	    lrz(this.files[i], {width: 480, quality:0.9})
	        .then(function (rst) {
	            // 处理成功会执行
				console.log(rst);
				var file = rst.origin;
				
				parent.find('.fileName').val(file.name);
				parent.find('.fileType').val(file.type);
				parent.find('.fileSize').val(file.size);
				parent.find('.fileData').val(rst.base64);
				
				lr.find('.lr-img').attr("src",rst.base64);
				lr.removeClass('waiting');
				lr.addClass('success');
	        })
	        .catch(function (err) {
	            // 处理失败会执行
				alert(err);
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });
	}
});
$('.J_h5upload').on("click",'.lr-remove',function(){
	var parent = $(this).parent().parent().parent();
	var lr = $(this).parent().parent();

	parent.find('.fileName').val('');
	parent.find('.fileType').val('');
	parent.find('.fileSize').val('');
	parent.find('.fileData').val('');
	lr.find('.lr-img').attr("src",'');

	lr.removeClass('success');
	lr.addClass('ready');
});